<template>
  <div>
    <!-- 不能使用 v-model，因为这个数据来源于父组件，子组件一旦用上了v-model 或者 sync 就会自动修改父组件的数据，破坏vue的单向数据流，导致bug -->
    <!-- <el-input v-model="testInput" /> -->
    <!-- <input /> e.target.value -->
    <el-input :value="testInput" @input="fn" />
  </div>
</template>

<script>
export default {
  name: 'Xxxx',
  props: {
    testInput: {
      type: String,
      default: ''
    }
  },
  methods: {
    fn(e) {
      console.log(e)
      this.$emit('self', e)
    },

    // 写一个递归求和函数
    sum(arr) {
      if (arr.length === 0) {
        return 0
      }
      return arr[0] + this.sum(arr.slice(1))
    }
  }
}
</script>
